<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		/* 伪元素选择器 :: */
		/* 在标签得末尾添加一些内容 ::after */
		p::after{
			/* 给标签设置内容 */
			content: '我是末尾得文字';
		}
		/* 在标签得头部添加一些内容 ::before */
		p::before{
			content: '我是头部得文字';
		}
		/* 设置第一行文字得样式 */
		p::first-line{
			color: yellow;
		}
		/* 设置标签第一个字符得样式 */
		p::first-letter{
			color: red;
			font-size: 28px;
		}
	</style>
</head>
<body>
	<p>
		我是一个段落标签我是一个段落标签我是一个段落标签,<br>
		我是一个段落标签我是一个段落标签我是一个段落标签,<br>
		我是一个段落标签我是一个段落标签我是一个段落标签,<br>
	</p>
</body>
</html>